<template>
  <el-row style="margin-left: 20px;">
    <el-col :span="24">
      <div style="width:100%">
        <MultipleYLineChart :chartData="chartData"></MultipleYLineChart>
      </div>
    </el-col>
  </el-row>
</template>

<script>
  import Vue from 'vue'
  import Component from 'class-component'
  import MultipleYLineChart from '~components/echarts/multipleYLine'

  @Component({
    components: {
      MultipleYLineChart
    }
  })
  export default class test2 extends Vue {
    chartData = {}
    mounted () {
      console.log('mounted')
      this.chartData = {
        labels: ['巴西', '印尼', '美国', '印度', '中国', '世界人口(万)'],
        series: [
          {
            name: '2011年',
            type: 'line',
            data: [18203, 23489, 29034, 104970, 131744, 630230]
          },
          {
            name: '2012年',
            type: 'line',
            data: [19325, 23438, 31000, 121594, 134141, 681807]
          }
        ]
      }
    }
  }
</script>
